.groupCheck {
  @apply flex items-center h-full z-10;
}

.groupCheckButton {
  @apply absolute bottom-0 h-[18px] rounded-none shadow-none border-none text-[12px] text-[#464681] bg-transparent px-[8px];

  &:hover {
    color: #464681 !important;
    background-color: #e2e2e2 !important;
  }

  &::after {
    content: '';
    width: 0px;
    height: 0px;
    border-bottom: 5px solid #464681;
    border-left: 5px solid transparent;
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
}

.groupCheckBox {
  @apply rounded-[4px];
}

.groupCheckBox :global(.ant-dropdown-menu) {
  border-radius: 4px !important;
  padding: 2px !important;
}

.groupCheckBox :global(.ant-checkbox+span) {
  padding-inline-start: 4px !important;
}

.groupCheckBox :global(.ant-checkbox-inner) {
  border-color: transparent;
  background-color: transparent;
}

.groupCheckBox :global(.ant-checkbox-checked .ant-checkbox-inner) {
  background-color: transparent;
  border-color: transparent;

  &::after {
    border-color: #464681 !important;
  }
}

.groupCheckBox :global(.ant-dropdown-menu-item-active .ant-checkbox-inner) {
  background-color: transparent !important;
  border-color: transparent !important;
}

.groupCheckBox :global(.ant-checkbox-wrapper) {
  font-size: 12px !important;
}